@charset "utf-8";
/*
 * 鸡蛋美术商城 发现CSS样式文件
 * $Author: Jo
 * $Id: tvd.css 2015-9-7 14:35:00
 * 发现CSS样式文件 Begin
*/

body{max-width: 640px; margin: 0 auto; width: 100%;}

/* 发现头部样式部分 Begin */
#tvd-head{position: fixed; width: 6.4rem; height: 0.87rem; z-index: 999999;}
#tvd-head .bg{float: left; width: 100%; height: 0.87rem;}
#tvd-head .text{position: absolute; font-size: 0.2rem; color: #b68e8f; top: 0.31rem; left: 2.08rem;}
#tvd-head .left{position: absolute; width: 5.42rem; height: 0.87rem; left: 0; top: 0;}
#tvd-head .nav{position: absolute; width: 0.98rem; height: 0.87rem; right: 0; top: 0;}
#tvd-head .home{position: absolute; width: 100%; height: 46px; color: #575757; opacity: 0.9; font-size: 14px; z-index: 9999; display: none; top: 0.87rem;}
#tvd-head .home li{float: left; width: 25%; height: 46px; line-height: 46px; text-align: center; background: #dcdcdc; color: #000;}
#header{width: 6.4rem; height: 0.7rem; line-height: 0.7rem; text-align: center; position: relative; text-align: center; border-bottom: 1px solid #dfdfdf; color: #8a0105; font-size: 0.30rem; background: #fff;}
#backtrack{width: 0.7rem;height: 0.7rem;background: url(/img/tvd/tvdContentBack.png);background-size: contain; position: absolute; left: 0;}

/* 发现头部样式部分 End */

/* 头部发现，商城小导航 Begin */
.found-mall{float: left; width: 100%; height: 0.6rem; border-top: 1px solid #c0c3c7; border-bottom: 1px solid #c0c3c7; margin-top: 0.87rem;}
.found-mall .content{width: 4.43rem; line-height: 0.6rem; margin: 0 auto;}
.found-mall .content a{float: left; font-size: 0.24rem; color: #343434; padding: 0 0.77rem; text-align: center;}
.found-mall .content .founding span,.found-mall .content .malling span{float: left; width: 0.67rem; height: 0.57rem; line-height: 0.57rem; border-bottom: 0.03rem solid #930005;}
/* 头部发现，商城小导航 End */

/* 头部大广告部分 Begin */
#banner{position: relative; width: 100%; height: 2.67rem; overflow: hidden;}
#banner .slides li img,#banner .slides li a{float: left; width: 100%; height: 2.67rem;}
#banner .flex-control-nav{position: absolute; width: 100%; text-align: center; bottom: 0px; padding: 0px; margin-bottom: 0.2rem; overflow: hidden;}
#banner .flex-control-nav li{margin: 0 0.07rem; display: inline-block;}
#banner .flex-control-nav li a{width: 0.12rem; height: 0.12rem; text-indent: -9999px; background-color: #998f87; display: block; border-radius: 0.06rem;}
#banner .flex-control-nav li .flex-active{background-color: #efe5e1;}
/* 头部大广告部分 End */

/* 导航部分 Begin */
.navigationnav{float: left; width: 100%; height: 1.48rem; border-bottom: 1px solid #d0d2d2; overflow: hidden; font-size: 0.22rem;}
.navigationnav .content{width: 6rem; height: 1.48rem; margin: 0 auto;}
.navigationnav .content a{float: left; width: 1.5rem; height: 1.48rem; color: #8b8a8a;}
.navigationnav .content img{float: left; width: 0.7rem; height: 0.7rem; margin: 0.2rem 0 0 0.4rem}
.navigationnav .content span{float: left; width: 100%; line-height: 0.45rem; text-align: center;}
/* 导航部分 End */

/* 置顶文章 Begin */
.top-article{float: left; width: 100%; height: 5.71rem; border-bottom: 1px solid #d0d2d2; overflow: hidden;}
.top-article .news{width: 0.75rem; height: 0.32rem; display: block; margin: 0.14rem 0 0.12rem 0;}
.top-article .pic{width: 5.84rem; height: 3.47rem; margin: 0 auto; display: block;}
.top-article .title{float: left; width: 100%; height: 0.81rem; line-height: 0.81rem; font-size: 0.35rem; text-align: center; color: #242424;}
.top-article .author{float: left; width: 100%; height: auto; text-align: center;}
.top-article .author .content{width: 3rem; height: 0.85rem; margin: 0 auto;}
.top-article .author img{float: left; width: 0.4rem; height: 0.4rem; margin: 0.12rem 0 0 0.84rem;}
.top-article .author span{float: left; font-size: 0.16rem; color: #b5b5b5; line-height: 0.4rem; margin: 0.12rem 0 0 0.12rem;}
/* 置顶文章 End */

/* 主题导航 Begin */
.theme{float: left; width: 100%; height: 1.61rem; border-bottom: 1px solid #d0d2d2;}
.theme .title{float: left; width: 100%; line-height: 0.37rem; font-size: 0.16rem; color: #bababa; margin-top: 0.09rem; text-indent: 0.08rem;}
.theme .banner{float: left; width: 100%; height: 1rem;}
.theme .banner .content{position: relative; width: 5.84rem; height: 1rem; margin: 0 auto; overflow: hidden;}
.theme .banner .slides li img, .theme .banner .slides li a{float: left; width: 1.83rem; height: 1rem; margin-left: 0.17rem;}
.theme .banner .slides li img:nth-child(1), .theme .banner .slides li a:nth-child(1){margin-left: 0;}
/* 主题导航 End */

/* 文章列表 Begin */
.article-list{float: left; width: 100%; height: auto;}
.article-list .box{width: 5.84rem; height: auto; margin: auto;}
.article-list .box .title{float: left; width: 100%; height: 0.47rem; line-height: 0.47rem; font-size: 0.16rem; color: #b5b5b5;}
.article-list .box .pic{float: left; width: 100%; height: 3.47rem; background:url(../../img/tvd/img-loading.png); background-size:100% 3.47rem;}
.article-list .box .s-title{float: left; width: 100%; height: 0.56rem; line-height: 0.56rem; font-size: 0.35rem; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 0.12rem;}
.article-list .box .text{float: left; width: 100%; line-height: 0.42rem; color: #8b8a8a; font-size: 0.24rem;}
.article-list .box .bot{float: left; width: 100%; height: 0.5rem; line-height: 0.5rem; color: #bababa; font-size: 0.16rem; margin-top: 0.23rem; padding-bottom: 0.5rem; border-bottom: 1px solid #d0d2d2;}
.article-list .box .bot .left{float: left;}
.article-list .box .bot .left img{float: left; width: 0.4rem; height: 0.4rem; border-radius: 0.2rem; margin-right: 0.1rem;}
.article-list .box .bot .right{float: right;}
.article-list .box .bot .right .read-num{float: left;}
.article-list .box .bot .right .read-num img{float: left; width: 0.31rem; height: 0.23rem; margin: 0.15rem 0.15rem 0 0;}
.article-list .box .bot .right .praise{float: right; margin-right: 0.09rem;}
.article-list .box .bot .right .praise em{float: left; width: 0.28rem; height: 0.24rem; margin: 0.14rem 0.15rem 0 0.3rem;background: url(../../img/tvd/praise1.png);background-size: 0.28rem auto;}
.article-list .box .bot .right .praise.hover em{background: url(../../img/tvd/praise2.png);}
/* 文章列表 End */

/* 加载完成 Begin */
.load-end{float: left; width: 100%; height: 0.18rem; margin: 0.45rem 0;}
.load-end img{float: left; width: 100%; height: 0.18rem;}
/* 加载完成 End */

/* 浮动导航 Begin */
#tvd-mask{position: fixed; width: 100%; height: 100%; background-color: #000; left: 0; top: 0; opacity: 0.5; display: none;}
.flow-nav{position: fixed; width: 0.74rem; height: 0.74rem; bottom: 0.2rem; left: 0.2rem;}
.flow-nav .btn{float: left; width: 0.74rem; height: 0.74rem; transition: all 0.5s;}
.flow-nav .rotation{transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg);}
.flow-nav .some-nav{position: fixed; width: 4.16rem; height: 0.74rem; bottom: 0.2rem; left: 0.94rem; display: none;}
.flow-nav .some-nav a{float: left; width: 0.74rem; height: 0.74rem; margin-left: 0.3rem;}
.flow-nav .some-nav a img{width: 0.74rem; height: 0.74rem;}
/* 浮动导航 End */

/* 搜索页 Begin */
.search{float: left; width: 100%; height: auto; margin-bottom: 0.45rem;}
.search .top{float: left; position: relative; width: 100%; height: 0.88rem; border-bottom: 1px solid #cccccc;}
.search .top .left{float: left; width: 5.44rem; height: 0.88rem;}
.search .top .left input{float: left; width: 4.02rem; height: 0.6rem; background-color: #f0f0f0; outline: none; border-radius: 0.05rem; margin: 0.14rem 0 0 0.16rem; font-size: 0.26rem; padding: 0 0.7rem 0 0.56rem;}
.search .top .left .magnifier{position: absolute; width: 0.3rem; height: 0.3rem; left: 0.32rem; top: 0.29rem;}
.search .top .left .empty-search{position: absolute; width: 0.3rem; height: 0.3rem; right: 1.16rem; top: 0.29rem; display: none;}
.search .top .right{float: right; width: 0.96rem; height: 0.88rem; font-size: 0.26rem; color: #585858; text-align: center; line-height: 0.88rem;}
.recent-search,.hot-search{float: left; width: 100%; height: auto; border-bottom: 1px solid #cccccc; padding-bottom: 10px;}
.recent-search .title,.hot-search .title{font-size: 0.24rem; color: #343434; margin: 0.3rem 0 0.2rem 0; text-indent: 0.29rem;}
.recent-search .content,.hot-search .content{width: 6rem; height: auto; margin: 0 auto;}
.recent-search .content a,.hot-search .content a{float: left; font-size: 0.24rem; color: #585858; line-height: 0.58rem; padding: 0 0.3rem; border: 1px solid #dcdcdc; margin: 0 0.16rem 0.2rem 0; display: inline-block; border-radius: 0.3rem;}
.hot-search .content a.red{color: #ae3535;}
/* 搜索页 End */
/* 发现CSS样式文件 End */